<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-培训中心</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/pxzx.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css" />
		<!--[if lt IE 9]>
	    	<script src="js/html5shiv.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/px_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon">
						<input type="text" placeholder="请输入关键字">
						<a class="search_btn" href="#">搜索</a>
					</div>
					<p class="btn"><a href="./hk_issue_1.html ">发布</a></p>
				</div>
			</div>
		</div>
		<div class="wrapper ovw">
			<div class="swiper-container banner_container">
				<div class="swiper-wrapper">
					<div class="swiper-slide ">
						<img src="images/pximg.png" alt="">
					</div>
					<div class="swiper-slide ">
						<img src="images/pximg.png" alt="">
					</div>

				</div>
				<div class="pagination1"></div>
				<p class="arrow-right"></p>
				<p class="arrow-left"></p>
			</div>
			<div class="selectView ovw">
				<div class="viewTop">

					<div class="days comList ovw">
						<span>分类：</span>

						<ul class="classify">
							<li>
								全部
							</li>
							<li class="active">
								核工种
							</li>
							<li>
								特殊设备
							</li>

						</ul>
					</div>
					<div class="category comList">
						<span>类别：</span>
						<ul>
							<li>
								<select id="firstSelect">
									<option value="">全部时间</option>
								</select>
							</li>
							<li>
								<select id="lastSelect">
									<option value="">默认机构</option>
								</select>
							</li>
						</ul>
					</div>
				</div>
				<div class="viewList ovw">
					<ul class="ovw">
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px2.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px3.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px4.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px5.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px6.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px3.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px4.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
						<li>
							<!--<a>-->
							<div class="list_img">
								<img src="images/px5.png" />
								<span class="acti_evolve">进行中</span>
							</div>
							<h3 class="list_title">核工种高级技术班核工种高级技术班核工种高级技术班</h3>
							<p class="list_tip ovw">
								<span>#中核五建</span>
								<b><img src="images/zndj5.png" class="fl"/><i class="line_o fl">上海市闵行区</i></b>
							</p>
							<p class="time">2017-07-01 15:00 ~ 07-01 15:00</p>
							<a class="btn" href="./hk_px_detail.html">报名中</a>
							<div class="browse ovw">
								<dl class="fl first">
									<dt><img src="images/px1.png"/></dt>
									<dd><i>188</i>人报名</dd>
								</dl>
								<dl class="fl">
									<dt><img src="images/hkq7.png"/></dt>
									<dd><i>2000</i>人浏览</dd>
								</dl>
								<span class="line"></span>
							</div>
							<!--</a>-->
						</li>
					</ul>
					<div class="more">
						<img src="images/add_icon.png" alt="">
						<span>加载更多</span>
					</div>
				</div>

			</div>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script src="js/jquery.1.9.1.js"></script>
		<script src="js/idangerous.swiper.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/jquery.htools.select.js"></script>
		<script src="js/jquery.font.js"></script>
		<script type="text/javascript">
			$(function() {
				var mySwiper = new Swiper('.swiper-container', {
					pagination: '.pagination1',
					paginationClickable: true,
					loop: true,
					autoplay: 3000,
					autoplayDisableOnInteraction: false
				});
				$('.arrow-left').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipePrev()
				});

				$('.arrow-right').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipeNext()
				});

				//下拉框
				var $firstselect = $("#firstSelect");
				var $lastselect = $("#lastSelect");

				$firstselect.goSelectInput({
					height: 35,
					width: 218
				});
				$lastselect.goSelectInput({
					height: 35,
					width: 218
				});
				//				给列表中第四个li添加class
				$('.wrapper .selectView .viewList ul li:nth-of-type(4n)').addClass('last');

				//				点击分类列表
				$('ul.classify li').click(function() {
					$(this).addClass('active').siblings().removeClass('active');
				});
				// 限制初始字数
				$(".wrapper .selectView .viewList ul li h3.list_title").fonts({
					fontNum:27,
				});

			})
		</script>
	</body>

</html>